<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MyStyle - 记一笔</title>
<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript" src="../../theme/js/common.js"></script>
<script type="text/javascript" src="../../theme/js/head_menu.js"></script>

<script src="https://cdn.bootcss.com/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.18.1/locale/zh-cn.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

<script type="text/javascript" src="record.js"></script>
</head>
<body>
	<div style="margin-top: 60px;">
		<div class="container form-horizontal">
		    
		    <!-- tab页 -->
			<div class="row" style="margin-bottom: 10px;">
				<div class="col-xs-12 col-md-12">
					<ul class="nav nav-tabs">
					  <li role="presentation"><a href="account.html" class="i18n-text">stat</a></li>
		              <li role="presentation"><a href="bi.html" class="i18n-text">bi</a></li>
					  <li role="presentation" class="dropdown active">
					    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
					        <span class="i18n-text">accounting</span>&nbsp;<span class="caret"></span>
					    </a>
					    <ul class="dropdown-menu">
					      <li><a href="#" id="incomeBtn" class="i18n-text">income_record</a></li>
                          <li><a href="#" id="costBtn" class="i18n-text">cost_record</a></li>
					    </ul>
					  </li>
					</ul>
			   </div>
			</div>
		    
            <div class="row">
                <input type="hidden" id="type" mkey="type">
		    	<div class="col-xs-12 col-md-12">
		    	    <div class="alert alert-danger alert-dismissible" role="alert">
					  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					  <strong id="type_name">income</strong>&nbsp;&nbsp;<sapn class="glyphicon glyphicon-thumbs-up i18n-text">record_say</sapn>
					</div>
		    	</div>
		    </div>
		    
			<div class="row">
				<div class="col-xs-12 col-md-12">
			        <div class="form-group col-md-6">
			            <label class="col-md-3 control-label red-star i18n-text">date_time</label>
			            <div class="col-md-9">
			                <div class="input-group date" id="datetimePicker1">
				                <input type="text" id="datetime" mkey="datetime" class="form-control">
				                <span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
						    </div>
					    </div>
			        </div>
			        
					<div class="form-group col-md-6">
			            <label class="col-md-3 control-label red-star i18n-text">partner_name</label>
			            <div class="col-md-9">
			              <div class="input-group">
						      <input class="form-control i18n-text" maxlength="100" type="text" id="partnerName" mkey="partnerName" placeholder="partner_name_desc">
						      <span class="input-group-addon clear-data">
		                          <span class="glyphicon glyphicon-remove"></span>
		                      </span>
	                      </div>
					    </div>
			        </div>
					
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="form-group col-md-6">
			            <label class="col-md-3 control-label red-star i18n-text">number</label>
			            <div class="col-md-9">
					      <div class="input-group">
						      <input class="form-control i18n-text" maxlength="20" type="number" id="number" mkey="number" placeholder="number_desc">
						      <span class="input-group-addon clear-data">
		                          <span class="glyphicon glyphicon-remove"></span>
		                      </span>
	                      </div>
					    </div>
			        </div>
			        
					<div class="form-group col-md-6">
			            <label class="col-md-3 control-label red-star i18n-text">unit_price</label>
			            <div class="col-md-9">
					      <div class="input-group">
						      <input class="form-control i18n-text" maxlength="20" type="number" id="unitPrice" mkey="unitPrice" placeholder="unit_price_desc">
						      <span class="input-group-addon clear-data">
		                          <span class="glyphicon glyphicon-remove"></span>
		                      </span>
	                      </div>
					    </div>
			        </div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="form-group col-md-6">
			            <label class="col-md-3 control-label red-star i18n-text">total_price</label>
			            <div class="col-md-9">
					      <div class="input-group">
						      <input class="form-control i18n-text" maxlength="20" type="number" id="totalPrice" mkey="totalPrice" placeholder="total_price_desc">
						      <span class="input-group-addon clear-data">
		                          <span class="glyphicon glyphicon-remove"></span>
		                      </span>
	                      </div>
					    </div>
			        </div>
			        
			        <div class="form-group col-md-6">
			            <label class="col-md-3 control-label i18n-text">item_name</label>
			            <div class="col-md-9">
					      <div class="input-group">
						      <input class="form-control i18n-text" maxlength="500" type="text" id="itemName" mkey="itemName" placeholder="item_name">
						      <span class="input-group-addon clear-data">
		                          <span class="glyphicon glyphicon-remove"></span>
		                      </span>
	                      </div>
					    </div>
			        </div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="form-group col-md-6">
			            <label class="col-md-3 control-label i18n-text">remark</label>
			            <div class="col-md-9">
					      <!-- <input class="form-control i18n-text" type="number" id="number" placeholder="unit_price_desc"> -->
					      <textarea class="form-control i18n-text" maxlength="2048" id="remark" placeholder="remark" mkey="remark" style="height: 100px;"></textarea>
					    </div>
			        </div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-xs-12 col-md-12">
					<div class="form-group col-md-12">
			            <div class="col-md-12" align="center">
					        <button id="submitBtn" class="btn btn-danger width_100 i18n-text" type="button">submit</button>
					        <button id="clearBtn" class="btn btn-secondary width_100 i18n-text" type="button">clear</button>
					    </div>
			        </div>
				</div>
			</div>
<!-- 			<div class="modal fade" id="modal-tips1501034388000" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-sm" role="document"> 
			<div class="modal-content"> 
			<div class="modal-header"> 
				<label class="modal-title">notify</label>
				<button type="button" class="close" data-dismiss="modal"> <span class="glyphicon glyphicon-remove"></span> </button> 
			</div> 
			<div class="modal-body"> 
				<img src="/mystyle/theme/images/error.png">&nbsp;xxxxxxx
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">close</button> 
			</div> 
		</div>
	</div>
</div> -->
		</div>
	</div>
</body>
</html>